<!DOCTYPE html>
<html lang="en" manifest="/header.appcache">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta name="author" content="chinadangmai.com">
        <meta name="description" content=" ">
        <meta name="keywords" content=" ">
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
        <title> -我的订单</title>   
        <script src="../../js/edition.js"></script> 
        <link rel="stylesheet" href="../../css/base.css">
        <link rel="stylesheet" href="../../css/popover.css">
        <script>
                document.write("<l"+"ink rel='stylesheet' href='../../css/index.css?version="+edition+"'>")
        </script>
        <script>
                document.write("<l"+"ink rel='stylesheet' href='../../css/member.css?version="+edition+"'>")
        </script>
        <script src="../../js/jquery.js"></script>
        <script> 
                document.write("<s"+"cript type='text/javascript' src='../../js/header.js?version="+edition+"'></scr"+"ipt>"); 
        </script>
        <script src="../../js/template.js"></script>
        <script> 
                document.write("<s"+"cript type='text/javascript' src='../../js/url.js?version="+edition+"'></scr"+"ipt>"); 
        </script>
        <script> 
                document.write("<s"+"cript type='text/javascript' src='../../js/member_left_nav.js?version="+edition+"'></scr"+"ipt>"); 
        </script>
        <script src="../../js/jquery.cookie.js"></script>
        <script> 
                document.write("<s"+"cript type='text/javascript' src='../../js/login.js?version="+edition+"'></scr"+"ipt>"); 
        </script>
        <script src="../../js/cookie.js"></script>
        <script src="../../js/popover.js"></script>
        <script> 
                document.write("<s"+"cript type='text/javascript' src='../../js/member_order_index.js?version="+edition+"'></scr"+"ipt>"); 
        </script>
    </head>
    <body style="background:#f5f5f5;">
        <input type="hidden" class="type" name="type" value="1">
        <header class="mod_head"></header>
        <script>
            $(function(){
                var src=$('.mod_logo img').attr('src')
                $('.mod_logo img').attr('src','../'+src)
            
            }); 
        </script> 
        <div class="mod_backstage">
            <!-- 左侧菜单 start -->
            <div class="backstage_left"></div>
            <!-- 左侧菜单 end -->
            <!-- 右侧内容 start -->
            <div class="backstage_right">
                <div class="mod_route">
                    <a><span>我的位置：</span><span>个人中心&nbsp;</span><span>&gt;&nbsp;</span><span>我的订单</span></a>
                </div>
                <div class="order_box">
                    <div class="mod_right_tit">
                        <span class="home_tit_name">我的订单</span>
                    </div>
                    <div class="mod_msg_nav mod_order_title">
                        <ul>
                            <li class="active"><a href="member_order_index.html?pageNo=1&&0">所有订单</a></li>
                            <li><a href="member_order_index.html?pageNo=1&&1"><span class="order_status">待付款</span><span class="order_num">0</span></a></li>
                            <li><a href="member_order_index.html?pageNo=1&&2"><span class="order_status">待发货</span><span class="order_num">0</span></a></li>
                            <li><a href="member_order_index.html?pageNo=1&&3"><span class="order_status">待收货</span><span class="order_num">0</span></a></li>
                            <li><a href="member_order_index.html?pageNo=1&&4"><span class="order_status">待评价</span><span class="order_num">0</span></a></li>
                            <li><a href="member_order_index.html?pageNo=1&&5"><span class="order_status">已取消</span><span class="order_num">0</span></a></li>
                        </ul>
                    </div>
                    <div class="mod_bg"></div>
                    <script type="text/html" id="mod_order_list_bg">
                    {{for(var i=0; i < list.length; i++) { }}
                    <div class="mod_order_list">
                    <div class="order_list">
                        <!-- 支付单号 -->
                        <div class="order_unpay_title">
                            <ul>
                                <li class="one"><span>支付单号：<em>{{=list[i].payNumber}}</em></span></li>
                                <li class="two"><span>支付金额：</span><em>{{=list[i].orderPrice}}</em>元</li>
                                <li class="three" style="height:100%">
                                    <!-- <em>
                                        <i class="times_day">0</i>天
                                        <i class="times_hour">0</i>小时
                                        <i class="times_minute">0</i>分
                                        <i class="second">0</i>秒
                                    </em><span>后将自助取消订单</span></li> -->
                                <li class="four pay_ok"><a href="javascript:;">立即支付</a></li>
                            </ul>
                        </div>
                        <div class="order_list_box order_list_more">
                            <div class="order_list_title">
                                <ul>
                                    <li class="one"><span>订单号：{{=list[i].orderNo}}</span></li>
                                    <li class="two"><span>{{=list[i].createTime}}</span></li>
                                    <li class="three"><a class="service" href="tencent://message/?uin=2151577512&Site=http://vps.shuidazhe.com&Menu=yes">联系客服</a></li>
                                </ul>
                            </div>
                        <div class="order_list_info">
                            <!-- 获取商品列表循环 -->
                            <ul class="info_left" data-evaluationstate="{{=list[i].evaluationState}}"  data-orderstate="{{=list[i].orderState}}"  style="width:550px">
                                
                            </ul>
                            <div class="order_goods_yunfei">
                                <div class="order_status_box">
                                    <p class="totalPrice"></p>
                                    <p class="freight">免运费</p>
                                </div>
                            </div>
                            <div class="order_goods_status">
                                <div class="order_status_box state" style="margin-top: 28.5px;">
                                    <p style="color: #f10215;">待收货</p>
                                    <a href="member_order_detail.html" class="view_order">订单详情</a>
                                    <p class="view_logistics">查看物流</p>
                                </div>
                            </div>
                            <div class="info_right">
                                <div class="info_right_box button_bg" style="margin-top: 19.5px;">
                                    <a href="javascript:;" class="confirm_order">确认收货</a>
                                    <span>12小时13分12秒</span>
                                    <p>后自动确认收货</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                    {{ } }}
                    </script>
                    <script type="text/html" id="goods_list_bg">
                        <!-- 获取商品列表 -->
                        {{for(var t=0; t<list.length; t++) { }}
                            <li data-refundState="{{=list[t].refundState}}" data-stateDesc="{{=list[t].stateDesc}}" data-refundType="{{=list[t].refundType}}" data-refundpricestate="{{=list[t].refundPriceState}}">
                                    <input type='hidden' name="goodsId" class="goodsId" value="{{=list[t].goodsId}}" /> 
                                    <input type="hidden" name="orderId" class="orderId" value="{{=list[t].orderId}}"> 
                                    <input type="hidden" name="orderState" class="orderState" value="{{=list[t].orderState}}">
                                    <div class="order_goods_info">
                                    <a href="/src/goods/goods_detail.html?goodsId={{=list[t].goodsId}}">
                                        <div class="goods_pic">
                                            <em><img src="{{=list[t].goodsImg}}" alt=""></em>
                                        </div>
                                        <p class="goods_name">{{=list[t].goodsName}}</p>
                                        <div style="width:230px;overflow:hidden">
                                                <p class="goods_spec">{{=list[t].goodsSpec}}</p>
                                                <p class="goods_price">￥<em class="unitPrice">{{=list[t].unitPrice}}</em></p>
                                                <p class="goods_num">X  <em class="num">{{=list[t].buyNum}}</em></p>
                                        </div>
                                    </a>
                                        
                                        <div class="goods_state"></div>
                                    </div>                                
                            </li>
                        {{ } }}
                    </script>
                    <!-- 分页 start -->
                    <div class="page" style="display:none">
                        <a class="prev_first">首页</a>
                        <a class="prev"><&nbsp;上一页</a>
                        <ul class="page_num">
                            <li class="li active"><a href="javascript:;">1</a></li>
                            <li><a>...</a></li>
                            <li class="li"><a href="javascript:;">2</a></li>
                        </ul>
                        <a class="next">下一页&nbsp;></a>
                    </div>
                    <!-- 分页 end -->
                </div>
            </div>
            <!-- 右侧内容 end -->
        </div>
        <!-- 网站底部 start -->
        <footer class="mod_foot"></footer>
        <!-- 网站底部 end -->
        <!-- 弹窗背景 start -->
        <div class="popup_bg"></div>
        <!-- 弹窗内容 -->
        <!-- 弹窗背景 end -->
        <script src="../../js/index_foot.js"></script>
        <script src="../../js/service.js"></script>
        <script src="../../js/order_this.js"></script>
        <script>
            $(function(){
                var w_h=$(window).height();
                $('.backstage_right').css('min-height',(w_h-366)+'px');
            })
        </script>
        <script> 
            document.write("<s"+"cript type='text/javascript' src='../../js/nav_hover.js?version="+edition+"'></scr"+"ipt>"); 
        </script>
        <script>
            $(function(){
                // 底部小图标路径修改
                $('.foot_list>img').each(function(){
                    var src = $(this).attr('src');
                    $(this).attr('src','../../'+src);
                });
                // 底部链接修改
                $('.footer_ul a').each(function(){
                    var newHref = $(this).attr('href');
                    if(newHref!='javascript:;'){
                        $(this).attr('href','..'+newHref);
                    }
                });
            });
        </script>        
    </body>
</html>